<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="Generator" content="EditPlus®">
	<meta name="Author" content="">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<title>大作业</title>
	<link rel="stylesheet" href="css/style.css" />
	<style>
		body,
		h1,
		ul,
		p {
			margin: 0;
			/*清除外边框*/
			padding: 0;
			/*清除内边距*/
		}

		.top{
			width:100%;
			height:100px;

		}

		.top img{
			width: 200px;
			height:100px;
			float:right;
		}

		.banner {
			background-size: cover;
			-moz-background-size: cover;
			width: 100%;
			height: 375px;
			background-color:skyblue;
		}

		.nav {
			width: 100%;
			height: 60px;
			background-color: #ffffff;
		}

		.nav-child {
			width: 1000px;
			height: 80px;
			background-color: #ffffff;
			margin: auto;
		}

		.sec {
			width: 650px;
			height: 500px;
			background-color: #ffffff;
			float: left;
			margin-left:40px;
			margin-top:50px;
		}

		.sec1 {
			width: 1208px;
			height: 300px;
			background-color: #ffffff;
			float: left;
			margin-left:80px;
			margin-top:50px;
		}
		

		.fo{
			width: 100%;
			height: 40px;
			background-color: black;
		}

		.fo p{
			color: #fff;
			text-align: center;
			line-height: 40px;
		}

		.navber {
			width: 1000px;
			height: 40px;
			background-color: white;
			float: right;
		}

		.navber a {
			color: darkgrey;
			line-height: 80px;
			margin-left: 60px;
			text-decoration: none;
			font-size: 15px;
		}

		.navber a:hover {
			color: snow;
		}


		.main a {
			color: rgb(5, 5, 5);
			text-decoration: none;
			font-size: 16px;
		}

		.main a:hover {
			color: rgb(114, 114, 111)
		}
		.title-one {
			width: 100%;
			height: 40px;
			background-color: silver;
		}

		.title-one p {
			text-align: center;
			/*文字居中显示*/
			line-height: 40px;
			/*垂直居中*/
			text-align:left;
			padding-right:20px;
			text-indent: 55px;
			color: #fff;
			font-weight: 400;
			/*字体不加粗*/
			font-size: 16px;
		}

		.box1 {
			width: 380px;
			/*margin: 30px auto;*/
			font-family: 'Microsoft YaHei';
			font-size: 14px;
		}

		.input {
			/*text-align:right;*/
			width: 260px;
			/*border: 1px solid #e2e2e2;
			height: 30px;*/
			float: right;
			text-indent: -23px;
			/*background-image: url(10.jpg);*/
			background-repeat: no-repeat;
			background-size: 25px;
			background-position: 5px center;
			padding: 0 0 0 40px;

		}

		.input p{
			width: 100%;
			float: right;
		}

		.search {
			width: 78px;
			height: 30px;
			float: right;
			background: black;
			color: white;
			text-align: center;
			line-height: 40px;
			cursor: pointer;

		}

		.box {
			width: 100%;
			height: 900px;
			background-color: silver;
		}

	</style>
</head>

<body>
	<!--网站头部-->
	<div class="top">
		<strong><div style="color: black;font-size: 30px;text-indent: 55px; margin-top:30px;">资源库网</div></strong>
	</div>
	<div class="header">
		<div class="nav">
			<div class="nav-child">
				<!--<div class="logo">
					<img src="img/12.jpg">
				</div>-->
				<strong><div class="navber">
					<a href="">首页</a>
					<a href>名校官网</a>
					<a href>照片风采</a>
					<a href>作品展示</a>
					<a href>联系我们</a>
					<a href>关于我们</a>
					<a href="index.html">登录</a>
					<a href="zhuce.html">注册</a>
				</div></strong>
			</div>
		</div>
		<div class="banner"></div>
	</div>
	</div>


	<!--网站主体部分的开始-->
	<div class="main">
		<div style="line-height: 40px;" class="title-one">
			<div class="input">
				<input type="search" name="search" placeholder="请输入关键字"><button type="submit" value="Submit">搜索</button>
			</div>
			<div style="text-align: center;line-height: 40px;text-align:left;padding-right:20px;text-indent: 55px;color: #fff;font-weight: 400;
			font-size: 16px;" >最新消息:</a></div>
		</div>
		<div class="box">
			<div class="sec" style="color: rgb(3, 3, 3); font-size: 30px;text-indent: 55px;">作品展示</div>
			
			
			<div class="sec"style="color:rgb(3, 3, 3); font-size: 30px;text-indent: 55px;">照片风采</div>
			<div class="sec1" style="color:rgb(3, 3, 3); font-size: 30px;text-indent: 55px;">关于我们</div>
		</div>
		<div class="fo" ><p>大作业</p></div>
	</div>
</body>

</html>